<template>
  <h2>我是About的内容</h2>
</template>

<script>
export default {
  name: "myAbout",
  // (1) 估计是一次只能跳转并显示一个路由组件，因为在切换到另一个路由时，前一个路由组件就被销毁掉
  // beforeDestroy() {
  //   console.log('About组件即将被销毁')
  // },

  /**
   * (2) 一旦挂载了当前路由，那么当前vc就会添加两个有关路由的属性 $route $router
   *     所有路由的 $router 是一样的，因为同属一个路由器，但是$route 不一样，
   *     因为每个路由的信息不一样，比如path和component
   * */ 

  mounted() {
    console.log('About组件将被挂载',this)
  },
};
</script>

<style></style>
